<div class="modal fade new-site-modal center" id="new-site-modal" data-backdrop="static" aria-labelledby="新增资源" data-keyboard="true" tabindex="-1">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content mx-auto">
            <!-- 模态框标题栏 -->
            <div class="modal-header" style="position: relative">
                <div>
                    <h4 class="modal-title font-weight-bold">新增资源</h4>
                    <!-- outline: none !important; 去掉焦点边框 -->
                    <button type="button" class="close" style="position: absolute; top: 5px; right: 10px; outline: none !important;" data-dismiss="modal" aria-label="关闭">
                        <span>&times;</span>
                    </button>
                </div>
            </div>
            <!-- 模态框标题栏 end-->
            <!-- 模态框内容 -->
            <div class="modal-body">
                <div class="container mt-4">
                    <h5 class="mb-4">详细信息</h5>
                        <div id="new-site-table">
                            <vxe-grid
                                v-bind="gridOptions"
                                ref="newSiteGridRef"
                                @page-change="handlePageChange"
                            ></vxe-grid>
                        </div>
                </div>
            </div>
            <!-- 模态框内容 end -->
        </div>
    </div>
</div>